<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>托福</title>
    <link rel="stylesheet" href="css/public-style.css">
    <link rel="stylesheet" href="css/TOEFL.css">
    <script src="js/tofel-js.js"></script>
</head>
<body>
<header>
    <div class="top-bg">
        <div class="top-content">
            <div class="headX"></div>
            <ul class="top-ul">
                <li><a href="">留学</a></li>
                <li><a href="">GMAT</a></li>
                <li class="top-ul-li3"><a href="">TOEFL</a></li>
                <li><a href="">IELTS</a></li>
                <li class="top-ul-li5"><a href="">公开课</a></li>
                <li class="top-ul-li6"><span>400-1816-180</span><input type="button" value="在线咨询"></li>
                <li>互联网一站式托福备考平台</li>
            </ul>
            <div class="top-right">
                <div class="appBtn" onmouseover="appCheck();" onmouseout="appOut()">
                    <span>APP</span>
                    <ul class="app-ul">
                        <li class="app-ul-li1"><span>雷哥GMAT苹果版</span></li>
                        <li class="app-ul-li1"><span>雷哥GMAT安卓版</span></li>
                        <li class="app-ul-li2"><span>雷哥托福苹果版</span></li>
                        <li class="app-ul-li2"><span>雷哥托福安卓版</span></li>
                </ul>
                </div>
                <a href="sign-in.html" class="top-right-btn">登录</a>
                <a href="ring-up.html" class="top-right-btn">注册</a>
            </div>
        </div>
    </div>
</header>
<div class="box">
    <main>
        <div class="main-nav">
            <nav>
                <ul class="main-ul">
                    <li class="main-ul-li1"><a href="">首页</a></li>
                    <li><a href="">入学测评</a></li>
                    <li><a href="">TPO练习</a></li>
                    <li><a href="">TPO模考</a></li>
                    <li><a href="">托福课程</a></li>
                    <li><a href="">托福资讯</a></li>
                    <li><a href="">托福名师</a></li>
                    <li><a href="">托福社区</a></li>
                    <li><a href="">关于雷哥托福</a></li>
                </ul>
            </nav>
        </div>
        <div class="main-img1"><img src="img/tofel-img1.gif" alt=""></div>
        <!--直播课...听,词-->
        <div class="main-courseT">
            <div class="main-courseT-left">
                <div class="courseT-left-left">
                    <ul class="courseT-left-ul">
                        <li onmouseover="lesson(4);">
                            <img src="img/tofel-icon.png" alt="">
                            <p>直播课</p>
                        </li>
                        <li onmouseover="lesson(5);">
                            <img src="img/tofel-icon.png" alt="">
                            <p>公开课</p>
                        </li>
                        <li onmouseover="lesson(6);">
                            <img src="img/tofel-icon.png" alt="">
                            <p>活动</p>
                        </li>
                    </ul>
                </div>
                <div class="main-courseT-left-right">
                    <img src="img/tofel-img4.gif" id="lessonImg" width="465" height="264" alt="">
                </div>
            </div>
            <div class="main-courseT-right">
                <div class="courseT-right-left">
                    <div class="hear">
                        <span class="hear-font">听</span>
                        <p>免费试听 加强课程、技巧课程</p>
                        <a href="">查看更多</a>
                    </div>
                </div>
                <div class="courseT-right-right">
                    <div class="word">
                        <span class="word-font">词</span>
                        <p>托福核心词汇、TPO词汇，分组背诵</p>
                        <a href="">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
        <!--模,练,圈-->
        <div class="main-courseB">
            <div class="main-courseB-child1">
                <div class="courseB-child1-cont">
                    <span>模</span>
                    <p>99%模仿真实考试系统，提前感受考场状态</p>
                    <a href="">查看更多</a>
                </div>
            </div>
            <div class="main-courseB-child2">
                <div class="courseB-child2-cont">
                    <span>练</span>
                    <p>分学科专项练习、分单项练习、碎片化时间练习、TPO1-48套仿真练习、题目讨论与思路解析</p>
                    <a href="">查看更多</a>
                </div>
            </div>
            <div class="main-courseB-child3">
                <div class="courseB-child3-cont">
                    <span>圈</span>
                    <div class="myP-A">
                        <p>托福战友分享学习状态、学习知识、互相监督的学习场地</p>
                        <a href="">查看更多</a>
                    </div>
                </div>
            </div>
            <div class="main-courseB-child4">
                <div class="courseB-child4-code"><img src="img/tofel-img11.gif" alt=""></div>
                <p class="child4-font">APP</p>
                <p class="child4-font2">随时随地做题</p>
            </div>
        </div>
        <div class="title-img"><img src="img/tofel-img13.gif" alt=""></div>
        <!--Shirley Xu + Sharron-->
        <div class="teacher-t">
            <div class="teacher-t-l">
                <div class="teacher-t-l-intro">
                    <p class="name">Shirley Xu</p>
                    <p>毕业于美国迈阿密大学,从小生活在美国和加拿大,离开家阿里的看见爱上了肯德基拉开始戒掉辣椒水来看大家阿斯利康家里睡觉</p>
                    <p>教授托福口语/听力/写作,托福考试近满分才女,多才多艺埃里克森大家拉会计师了</p>
                    <a href="">了解详情</a>
                </div>
                <div class="teacher-t-l-icon">
                    <div class="icon l-icon"></div>
                </div>
            </div>
            <div class="teacher-t-r">
                <div class="teacher-t-l-intro">
                    <p class="name">Sharron</p>
                    <p>英国巴斯大学商学院硕士</p>
                    <p>国内重本商务英语专业</p>
                    <p>持专八证书</p>
                    <p>对出国留学考试认识深刻</p>
                    <p>托福考试高分获得者</p>
                    <a href="">了解详情</a>
                </div>
                <div class="teacher-t-l-icon">
                    <div class="icon r-icon"></div>
                </div>
            </div>
        </div>
        <!--Eric + Gary-->
        <div class="teacher-t">
            <div class="teacher-t-l">
                <div class="teacher-b-l-intro">
                    <div class="teacher-b-l-icon">
                        <div class="icon l-icon"></div>
                    </div>
                    <div class="teacher-b-l-name">
                        <p class="name">Eric</p>
                        <p>主讲托福阅读</p>
                        <p>托福专家讲师,幽默接地气的大哥哥</p>
                        <p>对托福有着透彻的研究,尤其是阅读部分,针对托福的各种12313213213121</p>
                        <a href="">了解详情</a>
                    </div>
                </div>
            </div>
            <div class="teacher-t-r">
                <div class="teacher-t-l-intro">
                    <p class="name">Gary</p>
                    <p>毕业于上海外国语大学(211),托福雅思写作高分才子1651612131321</p>
                    <a href="">了解详情</a>
                </div>
                <div class="teacher-t-l-icon">
                    <div class="icon r-icon"></div>
                </div>
            </div>
        </div>
        <div class="title-img2"><img src="img/tofel-img14.gif" alt=""></div>
        <div class="student">
            <ul class="student-ul">
                <li>
                    <img src="img/tofel-img15.gif" alt="">
                    <div class="student-name">于同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
                <li>
                    <img src="img/tofel-img16.gif" alt="">
                    <div id="name2" class="student-name">郑同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
                <li>
                    <img src="img/tofel-img17.gif" alt="">
                    <div id="name3" class="student-name">杜同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
                <li>
                    <img src="img/tofel-img18.gif" alt="">
                    <div id="name4" class="student-name">周同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
                <li>
                    <img src="img/tofel-img19.gif" alt="">
                    <div id="name5" class="student-name">陈同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
                <li>
                    <img src="img/tofel-img20.gif" alt="">
                    <div id="name6" class="student-name">张同学</div>
                    <p>上课时间:8月</p>
                    <p>出分时间:9月</p>
                    <p class="student-ul-word">学习感言：其次，要分析自己的优势和劣势，各个击破。我在上课的过程中，紧跟老师的节奏，在课上听讲的基础上，
                        课下及时练习。先完成的是delta，制定好学习计划</p>
                    <a href="">查看详情</a>
                </li>
            </ul>
        </div>
    </main>
</div>
<footer>
    <div class="footer-title">
        <span>我们都在雷哥网学托福</span>
        <a href="">在线咨询</a>
    </div>
    <div class="footer-btm">
        <div class="call-phone">
            <p class="call-phone-time">24<span>小时免费热线</span></p>
            <p class="phone-num">400-1816-180</p>
        </div>
        <div class="footer-btm-r">
            <ul>
                <li><a href="" id="first-a">雷哥网GMAT</a></li>
                <li><a href="">院校库</a></li>
                <li><a href="">留学商城</a></li>
                <li><a href="">申友网</a></li>
                <li><a href="">雷哥网淘宝店</a></li>
            </ul>
            <div class="btm-r-code">
                <div class="btm-r-codeL">
                    <img src="img/index_ewmGmat.png" width="110" alt="">
                    <div class="btm-r-codeL-cont">
                        <p id="btm-r-codeL-p1">雷哥网托福官方微信</p>
                        <p>每时每刻掌握托福动态</p>
                        <p>随时随地知晓备考技巧</p>
                    </div>
                </div>
                <div class="btm-r-codeR">
                    <img src="img/index_ewmTeofl.jpg" width="110" alt="">
                    <div class="btm-r-codeR-cont">
                        <p id="btm-r-codeR-p1">托福小助手</p>
                        <p>在线解答备考疑问</p>
                        <p>人工小助手为你服务</p>
                    </div>
                </div>
            </div>
            <div class="footer-btm-copy">
                Copyright 2017 All Right Reserved toeflonline.cn 版权所有 京ICP备15001182号-1 京公网安备11010802017681 <a
                    href="">免责声明</a> <a href="">版权声明</a>
            </div>
        </div>
    </div>
</footer>
<div class="fixed">
    <ul>
        <li id="first-li">
            <div class="fixed-top"></div>
        </li>
        <li id="two-li">
            <a href="">
                <div class="bgImg bgImg1"></div>
                <p>在线咨询</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="bgImg bgImg2"></div>
                <p>微信</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="bgImg bgImg3"></div>
                <p>QQ</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="bgImg bgImg4"></div>
                <p>电话</p>
            </a>
        </li>
        <li>
            <a href="">
                <div class="bgImg bgImg5"></div>
                <p>吐槽入口</p>
            </a>
        </li>
        <li id="last-li">
            <a href=""></a>
        </li>
    </ul>
</div>
</body>
</html>